home *** CD-ROM | disk | FTP | other *** search
/ Enter 2002 November / EnterCD 11_2002.iso / Internet / Amaya 6.4 / Windows NT.exe / _SETUP.1 / resizing_image_map_areas.html < prev    next >
Encoding:
Extensible Markup Language  |  2002-06-11  |  2.3 KB  |  61 lines
  1. <?xml version="1.0" encoding="iso-8859-1"?>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  3.     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4.     
  5. <html xmlns="http://www.w3.org/1999/xhtml">
  6. <head>
  7.   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  8.   <meta name="GENERATOR" content="amaya 5.2" />
  9.   <title>Resizing Image Map Areas</title>
  10.   <style type="text/css"> </style>
  11.   <link href="../style.css" rel="stylesheet" type="text/css" />
  12. </head>
  13.  
  14. <body xml:lang="en" lang="en">
  15.  
  16. <table border="0" summary="toc">
  17.   <tbody>
  18.     <tr>
  19.       <td><img alt="W3C" src="../../images/w3c_home" /> <img alt="Amaya"
  20.         src="../../images/amaya.gif" /></td>
  21.       <td><p> <a href="moving_image_map_areas.html" accesskey="p"><img alt="previous"
  22.         src="../../images/left.gif" /></a>
  23.         <a href="../ImageMaps.html" accesskey="t"><img alt="top" src="../../images/up.gif" /></a> 
  24.         <a href="about_alternative_text_and_long_descriptions.html" accesskey="n"><img alt="next"
  25.         src="../../images/right.gif" /></a></p>
  26.       </td>
  27.     </tr>
  28.   </tbody>
  29. </table>
  30.  
  31. <div id="page_body">
  32. <h1>Resizing Image Map Areas</h1>
  33.  
  34. <p>After you have <a href="creating_clientside_image_maps.html">defined an
  35. area</a> within an image map, you may need to resize that area.</p>
  36.  
  37. <p class="ProcedureCaption">To resize the image map area directly from the
  38. keyboard</p>
  39. <ol>
  40.   <li>Move the cursor into an area of the image map.</li>
  41.   <li>Press the <code>Control</code> key and right-click the mouse. This will
  42.     highlight the image map area.</li>
  43.   <li>Release the Control key but continue to hold down the right-button of
  44.     the mouse. Use the mouse to drag the image area to the size you want.</li>
  45. </ol>
  46.  
  47. <p class="ProcedureCaption">To resize the area using the Structure view</p>
  48. <ol>
  49.   <li>Select <strong>Show Structure</strong> from the Select Show Structure
  50.     menu (or press <code>Alt + v</code> then <code>Alt + s</code>). The
  51.     structure view of the document will open in another window.</li>
  52.   <li>Edit the <code>coords</code> attribute manually. For example,
  53.     <code>coords=25,29,16</code> might become
  54.   <code>coords=25,28,24.</code></li>
  55.   <li>The image map area will resize in the open browser window.</li>
  56. </ol>
  57. </div>
  58.  
  59. </body>
  60. </html>
  61.